#news-list{
  >div{
    >ul{
      li{
        border-bottom: 1px solid #e4e4e4;
        padding: 25 * @px1 20 * @px1;
        >div{
          position: relative;
          padding-right: 140 * @px1;
          font-size: 0;
          a{
            display: inline-block;
            line-height: 1;
            color: black;
            font-size: 14 * @px1;
            max-width: 100%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
          }
          a:hover{
            color: @systemColor;
          }
          .time{
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            p{
              color: #c8c8c8;
              position: relative;
              font-size: 12 * @px1;
              line-height: 1;
              padding-left: 18 * @px1;
              i{
                position: absolute;
                font-size: 12 * @px1;
                display: block;
                line-height: 1;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
              }
              span{
                color: black;
              }
            }
            
          }
        }
      }
    }
    .pages-box{
      padding-top: 10 * @px1;
      ul{
        display: inline-block;
        li{
          padding: 0 2 * @px1;
          a,span{
            background-color: #f2f2f2;
            color: #666666;
            display: block;
            font-size: 14 * @px1;
            line-height: 1;
            padding: 7 * @px1 20 * @px1;
          }
          span{
            cursor: default;
          }
          p{
            font-size: 12 * @px1;
            line-height: 28 * @px1;
            cursor: default;
          }
        }
        li:first-child,
        li:last-child{
          a,span{
            background-color: #91241e;
            color: white;
          }
        }
        li.disable{
          a,span{
            cursor: not-allowed;
            background-color: #c8c8c8;
          }
        }
        li.num{
          a,span{
            padding: 7 * @px1 12 * @px1;
          }
        }
        li.active{
          a,span{
            background-color: @systemColor;
            color: white;
          }
        }
        li:not(.disable):hover{
          a,span{
            background-color: @systemColor;
            color: white;
          }
        }
      }
    }
    .mobile-pages-box{
      display: none;
    }
  }
}

@media (max-width: 800px) {
  #news-list{
    >div{
      ul{
        li{
          border: none;
          padding: 15 * @px1 0;
          >div{
            padding-right: 0;
            a{
            
            }
            >div.time{
              position: relative;
              top: 0;
              left: 0;
              transform: translateY(0) scale(0.9);
              margin-top: 10 * @px1;
              transform-origin: left;
            }
          }
        }
      }
      .pages-box{
        display: none;
      }
      .mobile-pages-box{
        text-align: center;
        display: block;
        margin-left: -20 * @px1;
        margin-right: -20 * @px1;
        >ul{
          >li{
            width: 100% / 3;
            background-color: #e6e6e6;
            position: relative;
            >p,>a{
              color: white;
              position: relative;
              display: inline-block;
              i{
                display: block;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                font-size: 18 * @px1;
              }
            }
            >div{
              position: relative;
              z-index: 10;
              p{
                position: relative;
                display: inline-block;
                padding-right: 20 * @px1;
                color: #666666;
                i{
                  display: block;
                  position: absolute;
                  top: 50%;
                  transform: translateY(-50%);
                  font-size: 18 * @px1;
                  right: 0;
                  margin-top: 5 * @px1;
                }
              }
            }
            ul{
              max-height: 0;
              position: absolute;
              width: 100%;
              bottom: 51 * @px1;
              z-index: 0;
              transition: all 0.2s linear;
              overflow: hidden;
              li{
                background-color: white;
              }
            }
          }
          >li.show-select{
            ul{
              max-height: 250 * @px1;
              overflow-y: scroll;
            }
          }
          >li:first-child{
            background-color: #c22f37;
            >p,>a{
              padding-left: 20 * @px1;
              i{
                left: 0;
              }
            }
          }
          >li:last-child{
            background-color: #c22f37;
            >p,>a{
              padding-right: 20 * @px1;
              i{
                right: 0;
              }
            }
          }
        }
      }
    }
  }
}